<style type="text/css">
.gmjl-title {
  padding-bottom: 10px;
  font-size: 18px;
  border-bottom: 1px solid #eee;
	text-align: center;
}
.gmjl-content {
  border-top: 1px solid #f58dae;
}
.gmjl-table {
  width: 100%;
}
.gmjl-table th,
.gmjl-table td {
  padding: 10px 0;
  text-align: center;
	border: 1px solid #c3c0c0;
}
.gmjl-status1 {
  color: #eee;
}
.gmjl-status2 {
  color: #fafafa;
}
.gmjl-title .k-h5 {
	ine-height: 45px;font-size: 30px;height: 65px; text-align: center;padding: 20px;

}
.k-fr {
    float: right !important;
}
</style>
<div class="gmjl" style="background-color: {$config['formcolorcenter']};color: {$config['formcolorcentertext']};">
	<div class="gmjl-title">
		<span class="k-h5" >已登记领取{$car_order_list['total']} 份</span>				</div>
	<div class="gmjl-content">
		<table class="gmjl-table">
			<thead>
				<tr>
					<th>序号</th>
					<th>姓名</th>
					<th>时间</th>
					<th>电话</th>
					<th>车牌</th>
				</tr>
			</thead>
			<tbody id="container">
			{loop $car_order_list['list'] $index $item}
				<tr>					
					<td >{$item['index']}</td>
						<td>{$item['username']}</td>
						<td>{$item['addtime']}</td>
						<td>{$item['mobilenew']}</td>
						<td class="gmjl-status2">{$item['address']}</td>
				</tr>
			{/loop}
			</tbody>
		</table>
		<div id="car-more" style="display: block;background: #d6d3d3;color: #444;border-radius: 30px;width: 68%;line-height: 30px;text-align: center;margin: 20px auto;font-size: 14px;" tag ="1">&#28857;击加载更多</div>
	</div>
</div>
<script type="text/javascript">
	var pg = 2;
	$("#car-more").click(function(){
		if ($(this).attr("tag") == 1) {
			var opt = $("#container").html();
			$.ajax({
				url:'/{php echo createMobileUrl("mycomm",array('op'=>'getcarlist','themeid'=>$themeid));}',
				type : 'post',
				dataType:'json',
				data : {
					pg:pg
				},
				success : function(data){
					code = data.scode;
					if (data.isend == 1) {
						$("#car-more").text("没有更多数据了");
						$("#car-more").attr("tag","0");
					} else{
						$("#car-more").text("点击加载更多");
						$("#car-more").attr("tag","1");
						pg = pg + 1;
					}
					var spe = data.list;
					for (var i = 0; i < spe.length; i++) {
						opt += "<tr>\n";
						opt += "<td >" + spe[i].index +"</td>\n";
						opt += "<td>" + spe[i].username +"</td>\n";
						opt += "<td>" + spe[i].addtime +"</td>\n";
						opt += "<td>" + spe[i].mobilenew +"</td>\n";
						opt += "<td class=\"gmjl-status2\">" + spe[i].address +"</td>\n";
						opt += "</tr>\n";
					}
					$("#container").html(opt);
				},
				error:function(){
					alert("您的网络有点小问题");
				}
			});
		} else{
			alert("已无更多数据");
		}
	});

</script>